@import "./mixins";
@import "./icon";

html,body {
  width: 100%;
  height: 100%;
  overflow: hidden;
//   max-width: 750px;
//   margin: 0 auto;
}

input {
  outline: none;
  border: none;
  background: none;
  background-color: transparent;
  border-color: transparent;
  -webkit-appearance: none;
}

.vtop {
  margin-top: 0.16rem;
}

.mtop {
  margin-top: 0.92rem;
}

.ptop {
  padding-top: 0.92rem;
}

.bgwhite {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
}

.custom-tabnav.vux-tab-wrap,
.betting-tabnav.vux-tab-wrap {
  padding-top: 0.8rem;
  .vux-tab-container {
    height: 0.8rem;
    .vux-tab {
      height: 0.8rem;
      .vux-tab-item.vux-tab-selected {
        color: #d44743;
      }
    }
    .vux-tab-ink-bar {
      height: 0.04rem!important;
      background-color: #d44743;
      .vux-tab-bar-inner {
        background-color: #d44743;
      }
    }
  }
}
.betting-tabnav.vux-tab-wrap {
  .vux-tab-item {
    flex: 0 0 25%;
  }
}

.dp-header .dp-item.dp-right {
  color: #d44743!important;
}

.vux-alert {
  .vux-x-dialog {
    .weui-dialog__bd {
      min-height: 52px;
      padding-top: 0.8em;
      box-sizing: border-box;
    }
    .weui-dialog__btn_primary {
      color: #d44743!important;
    }
  }
}

.vux-confirm {
  .vux-x-dialog {
    .weui-dialog__bd {
      min-height: 20px;
      font-size: 0.32rem;
    }
  }
}

.vux-popup-dialog {
  .vux-popup-header-right {
    color: #d44743!important;
  }
}
.vux-cell-box {
  .vux-popup-picker-select {
    padding-left: 0.2rem;
    text-align: left!important;
  }
}
.weui-dialog__btn_primary {
  color: #d44743!important;
}

.vux-check-icon > .weui-icon-success:before, .vux-check-icon > .weui-icon-success-circle:before {
  color: #d44743!important;
}
.vux-inline-x-number {
  margin-left: 0.08rem;
  .vux-number-selector{
    color: #D44743!important;
    svg {
      fill: #999999!important;
    }
    &.vux-number-disabled svg {
      fill: #ccc!important;
    }
  }
  .vux-number-input {
    font-size: 0.32rem;
    color: #D44743!important;
  }
}
.home {
  .home-swiper > .swiper-dots {
    bottom: 0.1rem;
    a {
      margin-left: 0.2rem;
      i {
        width: 0.16rem;
        height: 0.16rem;
        border-radius: 50%;
        background: #fff;
        &.active {
          background-color: #d44743;
        }
      }
    }
  }
}

.attention {

}


.bank-container, .loginpwd-container {
  .vux-header-right {
    font-size: 0.3rem !important;
    color: #FFFFFF!important;
    padding: 0.1rem;
    margin-top: -0.1rem;
    margin-right: -0.1rem;
  }
}

.infinite-loading-container {
  .infinite-status-prompt .tips {
    font-size: 0.24rem;
    color: #b9b9b9;
    padding: 0.16rem 0px;
  }
  & [class^=loading-] {
    display: inline-block;
    margin: 5px 0;
    width: 0.28rem!important;
    height: 0.28rem!important;
    font-size: 0.56rem!important;
    line-height: 0.56rem!important;
    border-radius: 50%;
  }
  .loading-default :before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    margin-top: -0.04rem!important;
    margin-left: -0.04rem!important;
    width: 0.08rem!important;
    height: 0.08rem!important;
    background-color: #999;
    border-radius: 50%;
  }
  .loading-bubbles, .loading-circles {
    transform: scale3d(0.8, 0.8, 0.8);
  }
}

._v-container .loading-layer {
  font-size: 0.28rem!important;
  height: 0.8rem!important;
  line-height: 0.8rem!important;
}

.attention-fans,
.activity-container {
  ._v-container .pull-to-refresh-layer {
    height: 0.88rem!important;
    margin-top: -0.88rem!important;
  }
}
._v-container .pull-to-refresh-layer {
  .spinner-holder {
   .arrow {
     width: 0.32rem!important;
     height: 0.32rem!important;
   }
   .text {
     font-size: 0.28rem!important;
   }
 }
}

.noloading,
.loaded-data + .loading-layer {
  .no-data-text.active {
    display: none!important;
  }
}
.loadmore-data + .loading-layer {
  .spinner-holder {
    display: none!important;
  }
}

